<html><head>
    <title>多道论坛</title>
    <meta charset="utf-8">
    <script src="../js/jquery-2.1.4.min.js"></script>
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/global.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
</head>
<body>
<div class="top"><div class="top">
    <div class="zhong clearfix">
        <label style="margin-left: 150px;" class="label_age">年龄</label>
        <div class="time" style="margin: 0 10px 0 10px;">
            <input type="text" class="cus_age">
        </div>
        <a href="#" class="xinxi customized_btn">定制信息</a>
        <p class="zc login_info" style="display: inline-block; float: right;"><a href="#" id="login" class="login_btn">登录</a><a href="#" id="regist" class="reg_btn">注册</a></p>
        <div class="user inlineblock clearfix relative login_ok" style="display:none;margin-left:20px;float:right">
            <span class="user_img inlineblock floatleft"><img src="http://img.duodaohulian.com/img/content/user1.png"></span>
            <span class="user_name floatleft marl10">Hi,193847658</span>
            <ul class="user_drop">
                <li><a href="javascript:void(0)" onclick="personalCenterClick()">个人中心</a></li>
                <li><a href="javascript:void(0)" onclick="myHomeClick()">我的家</a></li>
                <li><a href="#" class="logout">退出账号</a></li>
            </ul>
        </div>
    </div>
</div>


<!--注册信息begin-->
<div id="pop_reg" class="pop pop_reg" style="display:none ;">
</div>
<!--登录弹出begin-->
<div id="loginPop" class="pop pop_login" style="display:none;">
</div>
<!--登录弹出over-->
<!--登录成功弹出begin-->
<div class="pop " style="display:none;">
    <div class="reg_box">
        <p class="aligncenter chfont font30 login_success">登录成功</p>
    </div>
</div>
<!--登录成功弹出over-->
<!--找回密码begin-->
<div id="findPwdPop" class="pop " style="display:none;">
    <!--<p><a href="#" class="btn btn_back chfont">返回</a></p>-->
    <!--<div class="reg_box mart40" style="display: ;">-->
        <!--<table width="100%">-->
            <!--<tr>-->
                <!--<th>手机号</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input id="phoneNumber" type="text" placeholder="">-->
                    <!--</div>-->
                    <!--<label class="control-label">请输入正确的手机号</label>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<th>验证码</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input id="validateCode" type="text" placeholder="">-->
                        <!--<a href="javascript:;" class="code">获取验证码</a>-->
                        <!--<span class="code code_wait" style="display:none;"><em>50</em>秒</span>-->
                    <!--</div>-->
                    <!--<label class="control-label" title="出错加has-error">验证码不正确</label>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<th>新密码</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input id="pwd" type="password" placeholder="">-->
                    <!--</div>-->
                    <!--<label class="control-label" title="出错加has-error">密码不正确</label>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<th>确认密码</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input  id="rePwd" type="password" type="text" placeholder="">-->
                    <!--</div>-->
                    <!--<label class="control-label" title="出错加has-error">密码不匹配</label>-->
                <!--</td>-->
            <!--</tr>-->
        <!--</table>-->
        <!--<p class="alignright mart10 login_reg">-->
            <!--<a href="#" class="btn btn_reg">确 定</a>-->
        <!--</p>-->
    <!--</div>-->
</div>
<!--注册页面的白色半透明遮罩begin-->
<div class="mask mask_b" style="display: none;"></div>
<!--<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>-->
<script type="text/javascript" src="../js/underscore-min.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/common/url.js"></script>
<script type="text/javascript" src="../js/common/httpService.js"></script>
<!--<script type="text/javascript" src="../js/regist/regist.js"></script>-->
<!--<script type="text/javascript" src="../js/regist/findPwd.js"></script>-->
<script type="text/javascript" src="../js/module/login.js"></script>
<script type="text/javascript">
    $(".customized_btn").off("click").on("click",function(){
        var age = $(".cus_age").val();
        if(age!="" && age!=undefined) {
            window.location.href = "customized.html?age=" + age;
        }else{
            window.location.href = "customized.html";
        }
    });
    if(common.getCookie("loginName")){
        $(".login_info").css("display","none");
        $(".login_ok").css("display","inline-block");
        var loginName = common.getCookie("loginName");
        $(".login_ok .user_name").html("Hi,"+loginName);
    }else{
        $(".login_ok").css("display","none");
        $(".login_info").css("display","inline-block");
    }


</script>
<!--找回密码over--></div>
<div class="menu">
    <div class="menu-1">
        <img src="http://img.duodaohulian.com/img/content/logo.png" class="logo">
        <div class="dh">
            <div class="list chfont">
                <ul>
                    <li><a href="./index.html" categoryid="1">首页</a></li>
                    <li><a href="./focus.html" categoryid="2">多道焦点</a></li>
                    <li><a href="./theatre.html" categoryid="3">星际剧场</a></li>
                    <li class="current"><a href="#" categoryid="4">多道论坛</a></li>
                    <li><a href="./activity.html" categoryid="5">星际活动</a></li>
                    <li><a href="./game.html" categoryid="6">多道游戏</a></li>
                </ul>
            </div>
            <div class="main">
                <div class="chfont">
                    <a href="javascript:void(0)" class="safe1" onclick="queryForum(this,{safeType:1})">生存安全</a>
                    <a href="javascript:void(0)" class="safe2" onclick="queryForum(this,{safeType:2})">营养安全</a>
                    <a href="javascript:void(0)" class="safe3" onclick="queryForum(this,{safeType:3})">运动安全</a>
                    <a href="javascript:void(0)" class="safe4" onclick="queryForum(this,{safeType:4})">亲子安全</a>
                    <a href="javascript:void(0)" class="safe5" onclick="queryForum(this,{safeType:5})">社交安全</a>
                    <a href="javascript:void(0)" class="safe6" onclick="queryForum(this,{safeType:6})">网络安全</a>
                    <a href="javascript:void(0)" class="safe7" onclick="queryForum(this,{safeType:7})">海外安全</a>
                </div>
            </div>
            <div class="niu">
                <img src="http://img.duodaohulian.com/img/content/mow.png" class="wn">
                <img src="http://img.duodaohulian.com/img/content/tree.png" class="tree">
                <img src="http://img.duodaohulian.com/img/content/tree1.png" class="tree1">
            </div>
        </div>
    </div>
</div>
<div class="count_inner">
    <div class="cloud_1"><img src="http://img.duodaohulian.com/img/content/cloud_1.png"></div>
    <div class="cloud_2"><img src="http://img.duodaohulian.com/img/content/cloud_2.png"></div>
    <div class="cloud_3"><img src="http://img.duodaohulian.com/img/content/cloud_1.png"></div>
    <div class="cloud_4"><img src="http://img.duodaohulian.com/img/content/cloud_2.png"></div>
    <div class="shan"><img src="http://img.duodaohulian.com/img/content/shan.png"></div>
    <div class="shan1"><img src="http://img.duodaohulian.com/img/content/diqiu.png"></div>
    <div class="you"><img src="http://img.duodaohulian.com/img/content/youce.png"></div>
    <div class="first">
        <div class="zt">
            <div class="title_img mart20 alignright clearfix">
                <span class="font24 floatleft chfont"><img src="http://img.duodaohulian.com/img/content/light.png">观点</span>
                <span class="inlineblock"><img src="http://img.duodaohulian.com/img/content/mes_r.png"></span>
            </div>
            <!--专家列表begin-->
            <div class="check_box">
                <div class="special_top"><p><img src="http://img.duodaohulian.com/img/content/special_top.png"></p></div>
                <div class="check_in">
                    <div class="expert_list_box relative">
                        <a href="javascript:;" class="page_btn page_prev"></a>
                        <a href="javascript:;" class="page_btn page_next"></a>
                        <ul class="expert_list clearfix" style="left:0px;">
                            <li>
                                <a href="#"><img src="http://img.duodaohulian.com/img/content/user_1.jpg"></a>
                                <span class="video_mask font12 aligncenter">
                                    <p>国家一级营养师</p>
                                    <p>营养安全专家</p>
                                </span>
                            </li>
                            <li>
                                <a href="#"><img src="http://img.duodaohulian.com/img/content/user_2.jpg"></a>
                                <span class="video_mask font12 aligncenter">
                                    <p>媒介素养</p>
                                    <p>及网络安全教育专家</p>
                                </span>
                            </li>
                            <li>
                                <a href="#"><img src="http://img.duodaohulian.com/img/content/user_3.jpg"></a>
                                <span class="video_mask font12 aligncenter">
                                    <p>全国优秀中小学教师</p>
                                    <p>儿童问题研究</p>
                                </span>
                            </li>
                            <li>
                                <a href="#"><img src="http://img.duodaohulian.com/img/content/user_4.jpg"></a>
                                <span class="video_mask font12 aligncenter">
                                    <p>康奈尔大学</p>
                                    <p>心理学系教授</p>
                                </span>
                            </li>
                            <li>
                                <a href="#"><img src="http://img.duodaohulian.com/img/content/user_5.jpg"></a>
                                <span class="video_mask font12 aligncenter">
                                    <p>世界500强文化企业</p>
                                    <p>运营高管</p>
                                </span>
                            </li>
                            <li>
                                <a href="#"><img src="http://img.duodaohulian.com/img/content/user_6.jpg"></a>
                                <span class="video_mask font12 aligncenter">
                                    <p>资深媒体人</p>
                                    <p>内容传播导师</p>
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="special_bt"><p><img src="http://img.duodaohulian.com/img/content/special_bt.png"></p></div>
            </div>
            <!--专家列表over-->
            <div class="huadong special mart20">
                <div class="special_top"><p><img src="http://img.duodaohulian.com/img/content/special_top.png"></p></div>
                <!--话题 begin-->
                <ul class="forum info_list"><li class="show"><div class="clearfix"></div><span class="num_box floatleft block" data-id="1" onclick="loveClick(this)"><p class="font14">喜欢</p><p class="font30 love">174</p> </span> <div class="forum_txt"><div class="forum_title relative"><span><a href="forumDetail.html?id=1">电子产品真的会造成孩子学习障碍吗？</a></span> <span class="tag_txt inlineblock aligncenter font14">营养安全</span> </div><p class="mart20 font14">不要沉迷，尽量减少电子产品的负面影响是我们每位家长应尽的责任，如何才能做到呢？小编给您支支招。</p> </div> </li></ul>
                <!--话题 over-->
                <!--加载更多begin-->
                <div class="special_bt">
                    <a href="javascript:void(0)" class="get_more block"></a>
                    <p><img src="http://img.duodaohulian.com/img/content/special_bt.png"></p>
                </div>
                <!--加载更多over-->
            </div>
        </div>
    </div>
    <div class="bt_side chfont">
        <img src="http://img.duodaohulian.com/img/content/head.png" class="tou">
        <div class="duihua">
            <span class="font">扫一扫，<br>了解星球的<br>更多小秘密！</span>
            <img src="http://img.duodaohulian.com/img/content/bee.png" class="bee">
            <p><img src="http://img.duodaohulian.com/img/content/weima.jpg"></p>
        </div>
        <div class="bt_nav">
            <ul class="bt_nav_in">
                <li><a href="followUs.html">关注我们</a></li>
                <li><a href="aboutUs.html">关于我们</a></li>
                <li><a href="person.html">多道人物</a></li>
                <li><a href="guide.html">新手指南</a></li>
                <li><a href="help.html">帮助</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="footer footer_full">
    <div class="img_auto"><img src="http://img.duodaohulian.com/img/content/bottom.png"></div>
    <div class="car">
        <img src="http://img.duodaohulian.com/img/content/car.png">
        <img src="http://img.duodaohulian.com/img/content/car1.png">
    </div>
    <p>深圳市多道互联科技有限公司 粤ICP备16060034号</p>
</div>
<div id="pageTopAncer">
    <div class="pageTop_com">
        <a href="#"><img src="http://img.duodaohulian.com/img/content/top.png"></a>
    </div>
    <a href="#"><img src="http://img.duodaohulian.com/img/content/icon-1.png"></a>
</div>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/underscore-min.js"></script>
<script type="text/javascript" src="../js/imgauto.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/common/url.js"></script>
<script type="text/javascript" src="../js/common/httpService.js"></script>
<script type="text/javascript" src="../js/regist/regist.js"></script>
<script type="text/javascript" src="../js/regist/findPwd.js"></script>
<script>
    $(function(){
        $(".top").load("top.html");
        var $expert_list = $('.expert_list'),
            $expert_list_box_w = $('.expert_list_box').width(),
            $expert_li_w = $('.expert_list').find('li').width(),
            $expert_li_length = $('.expert_list').find('li').length;
        $('.page_prev,.page_next').click(function(){
            var $this = $(this),
                $expert_list_l = parseInt($('.expert_list').css('left'));
            if($this.hasClass('page_next')){
                if($expert_li_length>5 && (Math.abs($expert_list_l)-88) <= ($expert_li_w*$expert_li_length)-$expert_list_box_w+88) {
                    $expert_list.animate({left: $expert_list_l - 178}, 100);
                }else{
                    return
                }
            }else{
                if($expert_list_l == 0){
                    return
                }else{
                    $expert_list.animate({left:$expert_list_l+178},100);
                }
            }
        });
    })


    var categoryId = 3; //此处为category3，原来为4
    var queryObj = {};
    queryObj.safeType = common.getParameter("safeType") || 0;
    queryForum($(""),queryObj);
    if(queryObj.safeType){
        common.setActiveItem(queryObj.safeType);
    }

    function queryForum(that,obj){
        $(that).siblings().removeClass("current");
        $(that).addClass("current");
        if(typeof obj === "object"){
            queryObj = _.extend(queryObj,obj);
        }
        var promise = httpService.get({
            url:url.forumList,
            data:{
                "categoryId":categoryId,
                "safeTypeId":queryObj.safeType
            }
        });

        promise.then(function(response){
            if(response.success){
                var viewHtml = "";
                _.each(response.viewList,function(view,index){
                    var safeInfo = common.getSafeType(view.safeType);
                    viewHtml += '<li class='+(index<10?"show":"hide")+'>'+
                            '<div class="clearfix"></div>'+
                            '<span class="num_box floatleft block" data-id="'+view.id+'" onclick="loveClick(this)">'+
                            '<p class="font14">喜欢</p>'+
                            '<p class="font30 love">'+view.loveCount+'</p>'+
                            ' </span>'+
                            ' <div class="forum_txt">'+
                            '<div class="forum_title relative">'+
                            '<span ><a href="forumDetail.html?id='+view.id+'">'+view.subject+'</a></span>'+
                            ' <span class="tag_txt inlineblock aligncenter font14">'+safeInfo.safeType+'</span>'+
                            ' </div>'+
                            '<p class="mart20 font14">'+view.description+'</p>'+
                            ' </div>'+
                            ' </div>'+
                            '</li>'
                })
                
                $(".info_list").html(viewHtml);


            }
        })
    }

    function loveClick(that){
        var id = $(that).attr("data-id");
        var param = {
            id:id,
            loveCount:1
        };
        var promise = httpService.get({
            url: url.vote,
            data: param
        });
        promise.then(function(response){
            if(response.success){
                if(response.view && response.view.loveCount){
                    $(that).find(".love").html(response.view.loveCount);
                }
            }
        })
    }
    common.getMore(10);
</script>


</body></html>